<!DOCTYPE html>
<html lang="zh-cmn-Hans-CN">
{% load static %}
<head>
    <meta charset="UTF-8">
    <title>基于深度学习的人群计数系统</title>
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <link rel="script" href="{% static 'js/index.js' %}">
</head>
<body>
<div class="ai-module-banner">
    <img src="{% static 'img/6.jpeg' %}">
    <div class="ai-module-banner-content">
        <div class="ai-module-banner-title">
            人群计数
            <!---->
        </div>

        <div class="ai-module-banner-info">统计图像中的人体个数和流动趋势，以头肩为主要识别目标统计人数，无需正脸、全身照，适应人群密集、各种出入口场景</div>

        <div class="ai-module-banner-news"><a href="https://ai.baidu.com/customer/cdstm" target="_blank">
            【案例】展馆可以更“聪明”！百度大脑AI智慧场馆落地中国科技馆
            <span>&gt;</span></a></div>


        <div class="ai-module-banner-customtext">
            <div href="" target="_blank" class="customtext-des"><span class="customtext-des-default">完成企业认证，在线API可享5 QPS无限量</span><span
                    class="customtext-des-color">免费</span><span class="customtext-des-default">调用</span> <!----></div>
        </div> <!---->
        <div class="ai-module-banner-tag-list">
            <div class="ai-link ai-module-banner-tag"><a target="_blank"
                                                         href="https://ai.baidu.com/ai-doc/BODY/mk3cpyhfe"
                                                         class="ai-link-link">
                产品价格
            </a> <!----></div>
            <div class="ai-link ai-module-banner-tag"><a target="_blank"
                                                         href="https://ai.baidu.com/ai-doc/BODY/Qk3gqnpw9"
                                                         class="ai-link-link">
                常见问题
            </a> <!----></div>
            <div class="ai-link ai-module-banner-tag"><a target="_blank" href="https://ai.baidu.com/tech/body/private"
                                                         class="ai-link-link">
                私有化部署方案
            </a> <!----></div>
        </div>
    </div> <!----></div>


<div class="ai-module-demo ai-module-section js-module-section" linknav="true">
    <div class="ai-module-header">
        功能演示
        <!----></div>
    <div class="ai-module-demo-container">
        <div class="tech-recognition" images="" videos="">
            <div class="ai-container">
                <div class="ai-module-tab">
                    <div class="ai-module-tab-container">
                        <div class="ai-module-tab-item ai-module-tab-item-active">静态人流量统计</div>

                    </div>
                </div>
                <div class="tech-recognition-content">
                    <div class="tech-recognition-scan" style="display: none;"></div>
                    <div class="tech-img-content">
                        <div class="tech-canvas-container">
                            <div class="demo-loading" style="display: none;">
                                <div class="demo-loading-img"></div>
                                <div class="demo-loading-text">图片上传中</div>
                            </div>

                            {% if mainImage != nulll %}

                                <div class="demo-data-error-msg" style="">
                                    <img src="{% static '/' %}{{ OgImage.name }}">

                                </div>
                            {% else %}
                                <div class="demo-data-error-msg" style=""><img
                                        src="//aip.bdstatic.com/portal-pc-node/dist/1618576466158/images/error/error.png"
                                        alt="" class="error-img">
                                    <div class="error-text">很抱歉，服务出错了，请稍候重试</div>
                                </div>
                            {% endif %}
                            <div class="image-input">


                                <div class="image-input-container">


                                    <form method="post" enctype="multipart/form-data" action="{% url 'getimage:getimage' %}">
                                        {% csrf_token %}
                                        <label class="image-local">
                                            本地上传
                                            <input type="submit" value="本地上传" accept="image/png, image/bmp, image/jpg, image/jpeg" class="image-local-input">
                                        </label>
                                    </form>



                                </div>
                                <div class="image-notice">
                                    此处仅供功能展示，图片类型支持PNG、JPG、JPEG、BMP，大小不超过2M。该接口实际能力的图片格式及大小要求以接口文档为准
                                </div>
                            </div> <!---->
                            <canvas class="demo-canvas-centerlize" width="1680" height="1048"
                                    style="transform: translate(-50%, -50%) scale(0.5);"></canvas>
                        </div>
                        <div class="image-select">
                            <div class="image-select-item is-active"><img
                                    src="//aip.bdstatic.com/portal-pc-node/dist/1618576466158/images/technology/body/num/1.jpg">
                            </div>
                            <div class="image-select-item"><img
                                    src="//aip.bdstatic.com/portal-pc-node/dist/1618576466158/images/technology/body/num/2.jpg">
                            </div>
                            <div class="image-select-item"><img
                                    src="//aip.bdstatic.com/portal-pc-node/dist/1618576466158/images/technology/body/num/3.jpg">
                            </div>
                            <div class="image-select-item"><img
                                    src="//aip.bdstatic.com/portal-pc-node/dist/1618576466158/images/technology/body/num/4.jpg">
                            </div>
                            <div class="image-select-item"><img
                                    src="//aip.bdstatic.com/portal-pc-node/dist/1618576466158/images/technology/body/num/5.jpg">
                            </div>
                        </div>
                    </div>
                    <div class="demo-json">
                        <div class="demo-collapse">
                            <div class="demo-collapse-item">
                                <div class="demo-collapse-item-title demo-json-title">
                                    Request
                                    <span class="demo-collapse-item-arrow"></span></div>
                                <div class="demo-collapse-item-cnt" style="height: 0px; opacity: 0;">
                                    <div class="demo-json-req">
                                        <div class="demo-json-line">
                                            Params
                                            <div class="demo-json-text">image="图片的Base64编码"</div>
                                            <div class="demo-json-text">area="特定框选区域坐标，逗号分隔"</div>
                                            <div class="demo-json-text">show="是否输出渲染的图片，默认不返回"</div>
                                        </div>
                                        <div class="demo-json-line">
                                            Post
                                            <div class="demo-json-text">
                                                https://aip.baidubce.com/rest/2.0/image‐classify/v1/body_attr?access_token="您的access_token"
                                            </div>
                                        </div>
                                        <div class="demo-json-line">
                                            Header
                                            <div class="demo-json-text">header: Content-Type:
                                                "application/x-www-form-urlencoded"
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="demo-collapse-item">
                                <div class="demo-collapse-item-title demo-json-title">
                                    Response
                                    <span class="demo-collapse-item-arrow is-active"></span></div>
                                <div class="demo-collapse-item-cnt" style="height: 554px; opacity: 1;">
                                    <div class="demo-json-res"><a href="/ai-doc/BODY/7k3cpyy1t" target="_blank"
                                                                  class="demo-json-link">查看接口文档 &gt;</a>
                                        <div class="demo-json-content"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> <!----></div>
        </div>
    </div>
</div>
</body>
</html>